<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Template</title>
    <!--  Bootstrap -->
    <link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
    
    <link href="/static/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
    <!-- Fav and touch icons -->
    <link rel="shortcut icon" href="/static/ico/favicon.ico">
  </head>
  <body>
<div class="tabbable">
      <ul class="nav nav-tabs">
        <li class="active"><a href="#1" data-toggle="tab">Section 1</a></li>
        <li><a href="#2" data-toggle="tab">Section 2</a></li>
      </ul>
      <div class="tab-content">
        <div class="tab-pane active" id="1">
          <p>I'm in Section 1.</p>
        </div>
        <div class="tab-pane fade" id="2">
          <p>Howdy, I'm in Section 2.</p>
        </div>
      </div>
    </div>

	<!-- Placed at the end of the document so the pages load faster -->
    <script src="/static/js/jquery-1.8.2.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap.min.js"></script>
  </body>
</html>